<template>
  <div class="boxTitle2">灌溉数据</div>
  <div class="irrigate_data">
    <div class="irrigate_top">
      <div class="centerList">
        <div class="centerListFont">累计灌溉量（m³）</div>
        <div class="centerListNum">
          <span class="">23678</span>
        </div>
      </div>
      <div class="centerList">
        <div class="centerListFont">灌溉压力（兆帕）</div>
        <div class="centerListNum">
          <span class="">0.32</span>
        </div>
      </div>
    </div>
    <div class="irrigate_bottom">
      <div class="every_line">
        <span>当前灌溉流量（立方米/小时）</span>
        <i class="">0.78</i>
      </div>
      <div class="every_line">
        <span>当前灌溉阀门数量</span>
        <i class="counter-value">9</i>
      </div>
      <div class="every_line">
        <span>灌溉液位</span>
        <i>80%</i>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

// 灌溉数据组件不需要额外的逻辑
</script>

<style scoped>
.boxTitle2 {
  width: 100%;
  height: 10%;
  font-size: .6vw;
  text-align: center;
  line-height: 10%;
  margin-top: 1vw;
  color: #0efcff;
}
</style>
